<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <script src="./vue.global.js"></script>
    <link rel="stylesheet" href="./index.css" />
    <link rel="stylesheet" href="./table.css" />
    <link rel="stylesheet" href="./pugong.css" />
    <link rel="stylesheet" href="./utils.css" />
    <script src="./index.full.js"></script>

    <script>
      //适配代码
      (function (doc, win) {
        var docEI = doc.documentElement,
          resizeEvt = "orientationchange" in window ? "orientataionchange" : "resize",
          recalc = function () {
            var clientWidth = docEI.clientWidth;
            if (!clientWidth) return;
            //100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
            docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
          };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener("DOMContentLoaded", recalc, false);
      })(document, window);
    </script>
    <style>
      * {
        /* margin: 0;
        padding: 0; */
        font-size: 0.25rem;
      }
    </style>
  </head>

  <body>
    <div id="app" class="table-content text-left">
      <h3 class="text-center mb-20" style="font-size: 0.25rem">农民工进场须知</h3>

      <div style="font-size: 20px">
        <div class="text-indent mb-10">一、进场劳务人员年龄必须在18—55周岁之间，身体健康，遵纪守法、诚实守信、爱岗敬业。</div>
        <div class="text-indent mb-10">二、从事技术技能、特种作业及特殊工作岗位人员必须持证上岗，无证人员严禁上岗作业。</div>
        <div class="text-indent mb-10">三、劳务人员进场必须向劳务工管理员报到，进行面部识别系统登记，出示本人合法有效的身份证原件及分包企业与劳务人员签订的劳动合同书（必须使用分包企业注册地或施工所在地劳动部门印制的统一文本），不能出示的，严禁进场作业。</div>
        <div class="text-indent mb-10">四、劳务人员上岗前，必须参加由项目经理部组织的岗前教育培训及具有针对性的强化培训；培训结束，经考试合格后方可上岗，考试不合格人员严禁上岗作业。上岗后自觉遵守国家法律法规及项目部规章制度并服从项目部及雇佣企业（单位）相关管理人员的合理生产组织安排。</div>
        <div class="text-indent mb-10">五、现场劳务人员增减变动，分包企业现场负责人要向项目经理部提出书面申请，未经同意，不得随意更换或增减人员。</div>
        <div class="text-indent mb-10">六、劳务人员应按有关规范要求正确使用与保管项目经理部为其配发的生活用品、生产工器具及工装和安全帽等用品，并实行实名登记管理，退场时返还，丢失或损坏按价赔偿。</div>
        <div class="text-indent mb-10">七、分包企业要按国家有关规定、标准向其劳务人员发放劳动保护用品。</div>
        <div class="text-indent mb-10">八、劳务人员统一纳入各工序作业班组，由领工员、班组长统一组织生产，并带班作业，项目经理部提供统一的安全作业环境及生产必备辅助设施。</div>
        <div class="text-indent mb-10">九、劳务人员可参加项目经理部组织的劳动竞赛、技能大赛参赛活动。</div>
        <div class="text-indent mb-10">十、劳务人员的宿舍、娱乐、学习、食堂等生活设施及生产环境，由项目经理部统一规划、统一标准布置。</div>
        <div class="text-indent mb-10">十一、劳务人员进场作业前，分包单位负责提供劳务人员工资核算方式及工资标准进行备案，劳务人员工资由项目经理部以银行卡形式直接支付，每次支付劳务人员工资前必须提供劳务人员工资代发委托书。</div>
        <div class="text-indent mb-10">十二、进场劳务人员未向劳务工管理员报到登记、未进行面部识别系统登记、未与分包企业签订劳动合同、未参加岗位培训的，不予支付工资。</div>
        <div class="text-indent mb-10">十三、项目部集中在每月1日、11日、21日根据农民工进场情况，联系建设银行为农民工办理工资卡。并经劳务人员本人签字领收后，以银行卡形式代分包企业支付劳务人员工资。劳务人员自办银行卡的要提供给项目劳资人员登记。要配合项目做好工资卡签认和人卡影像资料的建立。工资卡必须本人保管。</div>
        <div class="text-indent mb-10">十四、雇佣企业（单位）需每月按时对所属农民工工资造册，本人应签字确认，雇佣企业（单位）于次月13日前上报到项目部。</div>
        <div class="text-indent mb-10">十五、项目部对农民工工资表审核无误后，统一将工资直接打到民工个人工资卡上（特殊情况下，采取现金形式发放）。发放到位后将在现场工资公示栏进行公示。</div>
        <div class="text-indent mb-10">十六、若在中途退场，必须到雇佣企业（单位）指定负责人办理退场手续，并填写《退场确认表》；雇佣企业（单位）必须在农民工退场后3天内上报项目部。经审批同意退场的劳务人员，劳务队伍负责人必须落实工资全部结清承诺。退场前由劳务工管理员对退场劳务人员工资进行清算，对工资清算无异议的，要求退场人员手持身份证视频承诺已收到全部工资，由劳务人员本人做出《工资结算支付完毕无拖欠》的书面说明并报项目经理部劳务工管理员备案。</div>
        <div class="text-indent mb-10">十七、劳务人员进场未办理登记手续，一经发现，对分包企业进行罚款标准为200元/人次。</div>
        <div class="text-indent mb-10">十八、参与非正常讨薪，无理闹事的劳务人员，其行为给单位带来经济损失和不良影响的，追究其法律责任，同时列入局非诚信人员黑名单，今后不得再进入我方现场。</div>
      </div>

      <div class="d-flex flex-row mt-2 justify-content-between">
        <div class="flex">
          <div>告知人：{{approachForm.infoSign}}</div>
          <!-- <el-input v-model="approachForm.infoSign" style="width: 4rem"></el-input> -->
        </div>
        <div class="flex" style="padding-right: 80px">
          <div @click="setUpEquipment('approachForm.defeSign','TaskSignFinger')" style="width: 140px">被告知人：</div>
          <el-image v-show="approachForm.defeSign" class="sign_img" :src="approachForm.defeSign" fit="fill"></el-image>
        </div>
      </div>

      <div class="d-flex flex-row mt-2 justify-content-end">
        <el-input v-model="approachForm.year" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
        年
        <el-input v-model="approachForm.month" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
        月
        <el-input v-model="approachForm.day" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
        日
      </div>
    </div>
    <script>
      const { createApp, reactive, toRefs, ref, onMounted } = Vue;
      const vue3Composition = {
        setup() {
          const approachForm = ref({
            year: "",
            month: "",
            day: "",
            infoSign: "中铁九局集团有限公司盐宜铁路站前施工10标段项目经理部", // 告知人
            defeSign: "", // 被告知人
          });

          window.setSign = (event) => {
            approachForm.value[event.key] = event.img;
          };

          window.getData = (event) => {
            return approachForm.value;
          };
          window.setData = (data) => {
            approachForm.value.year = data.year;
            approachForm.value.month = data.month;
            approachForm.value.day = data.day;
          };

          //peopleForm.sign
          const setUpEquipment = (key, type) => {
            window.parent.childListener({
              key,
              type,
            });
          };
          return {
            approachForm,
            setUpEquipment,
          };
        },
      };
      const app = createApp(vue3Composition).use(ElementPlus).mount("#app");
    </script>
  </body>
</html>
